<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>01_新增的表单控件属性</title>
</head>
<body>
<form action="">
    <!--用于表单的属性-->
    <!--placeholder="请输入账号"-输入框的提示(不可被选中的提示)、
        required-表示该项是必填项(按钮不可用)
        autofocus-自动获取焦点
        autocomplete="on"-自动完成(账号输入过后以后输入会出现自动提示,密码框和多行输入无效)
        pattern="\w{6}"-正则表达式 往往与required配合使用(表示内容必须输入6位)-->
    账号：<input type="text"
              name="account"
              placeholder="请输入账号"
              required
              autofocus
              autocomplete="on"
              pattern="\w{6}"
>
    <br>
    密码：<input type="password" name="pwd" placeholder="请输入密码" required pattern="\w{6}">
    <br>
    性别：
    <input type="radio" value="male" name="gender" required>男
    <input type="radio" value="female" name="gender">女
    <br>
    爱好：
    <input type="checkbox" value="smoke" name="hobby">抽烟
    <input type="checkbox" value="drink" name="hobby" required>喝酒
    <input type="checkbox" value="perm" name="hobby">烫头
    <br>
    其他：<textarea name="other" placeholder="请输入密码" required></textarea>
    <br>
    <button>提交</button>
</form>
</body>
</html>